<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>阿里千秀</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
    <link rel="shortcut icon" href="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.31/dist/ico/favicon.ico">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="./css/ali.css">
</head>

<body>
    <div class="container">
        <div class="mcbox visible-md visible-lg">
            <span class="closejd">关闭此广告</span>
            <img src="./images/mcbox.png" alt="">
        </div>
        <div class="row" style="padding-bottom:50px; padding: 0 30px;">
            <header class="col-md-2">
                <!-- logo部分 -->
                <div class="logo clearfix">
                    <span class="logo-sm visible-sm visible-xs">阿里千秀</span>
                    <a href="#" class="hidden-sm hidden-xs">
                        <h1>阿里千秀</h1>
                        <img src="./images/ali-logo.png" alt="">
                    </a>
                </div>
                <div class="nav clearfix">
                    <ul class="clearfix">
                        <li><a href="#" class="glyphicon glyphicon-camera">生活馆</a></li>
                        <li><a href="#" class="glyphicon glyphicon-check">自然汇</a></li>
                        <li><a href="#" class="glyphicon glyphicon-th">科技潮</a></li>
                        <li><a href="#" class="glyphicon glyphicon-download-alt">腾讯科技</a></li>
                        <li><a href="#" class="glyphicon glyphicon-qrcode">阿里云</a></li>
                        <li><a href="#" class="glyphicon glyphicon-play-circle">极致影院</a></li>
                        <li><a href="#" class="glyphicon glyphicon-signal">seo优化厅</a></li>
                    </ul>
                </div>
            </header>
            <!-- logo结束 -->
            <article class="col-md-7">
                <div class="focus clearfix">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <p class="desc">惊喜！一位保安大爷长相静如马云九分相似,网友纷纷合照</p>
                                <img src="./upload/focus1.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <p class="desc">如此美妙的风景啊</p>
                                <img src="./upload/focus2.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <p class="desc">你在期待着什么呢?</p>
                                <img src="./upload/focus3.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <p class="desc">马化腾先生其实也喜欢糊面膜</p>
                                <img src="./upload/focus4.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <p class="desc">呵呵,全是八卦</p>
                                <img src="./upload/focus5.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="onput">
                    <div class="row">
                        <a href="#">
                            <div class="col-sm-9">
                                <h2 class="putTitle">独家：53度三十年青花汾酒被曝曾因净含量不合格被罚款 经销商怒而索赔</h2>
                                <p class="text-muted marginBottom5">ciuciu 发布于 2020-08-06</p>
                                <p class="marginBottom5">
                                    根据裁判文书显示，2016年起汾酒公司陆续收到重庆区域市场上的一些消费者反映，其生产的53度三十年青花汾酒出现净含量不合格的问题。</p>
                                <p class="text-muted">阅读(2417)评论(3)赞(18)标签: 健康 / 知识 / 科普 / LOL / 游戏 / 分析</p>
                            </div>
                            <div class="col-sm-3 onput-img">
                                <img src="./upload/put1.jpg" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="row">
                        <a href="#">
                            <div class="col-sm-9">
                                <h2 class="putTitle">独家：53度三十年青花汾酒被曝曾因净含量不合格被罚款 经销商怒而索赔</h2>
                                <p class="text-muted marginBottom5">ciuciu 发布于 2020-08-06</p>
                                <p class="marginBottom5">
                                    根据裁判文书显示，2016年起汾酒公司陆续收到重庆区域市场上的一些消费者反映，其生产的53度三十年青花汾酒出现净含量不合格的问题。</p>
                                <p class="text-muted">阅读(2417)评论(3)赞(18)标签: 健康 / 知识 / 科普 / LOL / 游戏 / 分析</p>
                            </div>
                            <div class="col-sm-3 onput-img">
                                <img src="./upload/put1.jpg" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="row">
                        <a href="#">
                            <div class="col-sm-9">
                                <h2 class="putTitle">独家：53度三十年青花汾酒被曝曾因净含量不合格被罚款 经销商怒而索赔</h2>
                                <p class="text-muted marginBottom5">ciuciu 发布于 2020-08-06</p>
                                <p class="marginBottom5">
                                    根据裁判文书显示，2016年起汾酒公司陆续收到重庆区域市场上的一些消费者反映，其生产的53度三十年青花汾酒出现净含量不合格的问题。</p>
                                <p class="text-muted">阅读(2417)评论(3)赞(18)标签: 健康 / 知识 / 科普 / LOL / 游戏 / 分析</p>
                            </div>
                            <div class="col-sm-3 onput-img">
                                <img src="./upload/put1.jpg" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="row">
                        <a href="#">
                            <div class="col-sm-9">
                                <h2 class="putTitle">独家：53度三十年青花汾酒被曝曾因净含量不合格被罚款 经销商怒而索赔</h2>
                                <p class="text-muted marginBottom5">ciuciu 发布于 2020-08-06</p>
                                <p class="marginBottom5">
                                    根据裁判文书显示，2016年起汾酒公司陆续收到重庆区域市场上的一些消费者反映，其生产的53度三十年青花汾酒出现净含量不合格的问题。</p>
                                <p class="text-muted">阅读(2417)评论(3)赞(18)标签: 健康 / 知识 / 科普 / LOL / 游戏 / 分析</p>
                            </div>
                            <div class="col-sm-3 onput-img">
                                <img src="./upload/put1.jpg" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="row">
                        <a href="#">
                            <div class="col-sm-9">
                                <h2 class="putTitle">独家：53度三十年青花汾酒被曝曾因净含量不合格被罚款 经销商怒而索赔</h2>
                                <p class="text-muted marginBottom5">ciuciu 发布于 2020-08-06</p>
                                <p class="marginBottom5">
                                    根据裁判文书显示，2016年起汾酒公司陆续收到重庆区域市场上的一些消费者反映，其生产的53度三十年青花汾酒出现净含量不合格的问题。</p>
                                <p class="text-muted">阅读(2417)评论(3)赞(18)标签: 健康 / 知识 / 科普 / LOL / 游戏 / 分析</p>
                            </div>
                            <div class="col-sm-3 onput-img">
                                <img src="./upload/put1.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
            </article>

            <aside class="aside col-md-3">
                <div class="aside-top">
                    <a href="javascript:;">
                        <img src="./upload/aside1.jpg" alt="">
                    </a>
                </div>
                <div class="aside-center">
                    <span class="btn btn-primary biaoqian">不合群的标签</span>
                    <h3 class="text-primary">欢迎加入李花博客联盟</h3>
                    <h6 class="text-muted">这里收录国内各优秀的博客,是一个全人工编辑的开放式博客联盟交流与展示平台.</h6>
                    <span class="btn btn-primary biaoqian">啥饭好恰</span>
                    <span class="btn btn-primary biaoqian">豆浆</span>
                    <span class="btn btn-success biaoqian">风扇</span>
                    <span class="btn btn-info biaoqian">深网</span>
                    <span class="btn btn-warning biaoqian">炒饭</span>
                    <span class="btn btn-danger biaoqian">数数看我好像刚好十二个字</span>
                    <span class="btn btn-warning biaoqian">有点东西</span>
                    <span class="btn btn-danger biaoqian">结果不太满意</span>
                    <span class="btn btn-primary biaoqian">老戏骨方便面代言系统</span>
                    <span class="btn btn-info biaoqian">乔布斯眼镜</span>
                    <span class="btn btn-success biaoqian">好像绿茶一样清爽</span>
                    <span class="btn btn-warning biaoqian">一个人的生活妙不可言</span>
                    <span class="btn btn-primary biaoqian">带上耳机</span>
                    <span class="btn btn-danger biaoqian">记录时间2020/08/06-08:04</span>
                    <span class="btn btn-warning biaoqian">呵呵呵呵呵</span>
                </div>
            </aside>
        </div>

    </div>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="./bootstrap/js/jquery-2.2.2.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <script src="./js/ali.js"></script>
</body>

</html>